```md
<!-- Badge.stories.mdx -->

import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';

import { Badge } from './Badge';

<Meta
  title="MDX/Badge"
  argTypes={{
    status: {
      name: 'Badge Status',
      description: 'Available options available to the Badge',
      options: [
        'positive',
        'negative',
        'warning',
        'error',
        'neutral'
      ],
      table: {
        defaultValue: {
          summary: 'positive'
        },
        type: {
          summary: 'Shows options to the Badge',
          detail: 'Listing of available options'
        },
      },
    },
    label: {
      name: 'Badge Content',
      description: 'Text shown by Badge',
      control: {
        type: 'text'
      },
      table: {
        type: {
          summary: 'The label contents',
          detail: 'Text displayed by the Badge'
        }
      }
    }
  }}
/>

### Badge

Let's define a story for our `Badge` component

<ArgsTable of={Badge} />

<!-- remainder story implementation -->
```
